<!DOCTYPE html>
<html>
	<head>
		<!-- 编码类型utf-8()  gb2312(中文) -->
		<meta charset="utf-8" />
		<title>悦轩饼家</title>
		<style>
			/* .center {
				text-align: center;
			} */
		</style>
		<link rel="stylesheet" href="font/iconfont.css">
		<link rel="stylesheet" href="css/style.css">
	</head>
	<body>
		<div>
			<h2 style="text-align: center;">江雪</h2>
			<p class="center">千山鸟飞绝，</p>
			<p class="center">万径人踪灭。</p>
			<p class="center">孤舟蓑笠翁，</p>
			<p class="center">独钓寒江雪。</p>
		</div>
		<p class="iconfont icon-dingwei"></p>
		<div>
			<p style="width: 500px;height: 100px;border: 1px solid #cccccc;background-color: #ff0000;">红色背景</p>
			
			<p style="
			width: 500px;height: 300px;border: 1px solid #cccccc;
			background-image: url(img/logo.jpg);
			background-repeat: no-repeat;
			background-position: 20px 30ox;">图片背景</p>
			
			<p style="width: 500px;height: 300px;border: 1px solid #cccccc;
			background-image: url(img/logo.jpg);
			background-repeat: no-repeat;
			background-size: contain;
			background-position: 50% 50%;">图片背景</p>
			
			<header style="width: 100%;
			height: 100%;border: 1px solid #cccccc;
			background-image: url(img/line-bg.jpg);
			background-repeat: repeat-x;">页眉</header>
			
			<p style="width: 1000px;height: 300px;border: 1px solid #cccccc;
			background: #dddddd url(img/logo.jpg) no-repeat center center;">浅灰色背景，且显示背景图片</p>
		</div>
	</body>
</html>
